{% stylesheet %}
.block_solgan {
    max-width: var(--general_layout_width);
    margin: 0 auto;
}

.block_solgan .solgan-title {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    color: #1d1f21;
    margin-bottom: 20px;
}

.block_solgan .solgan-des {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color: #666666;
    line-height: 20px;
    margin-bottom: 60px;
}

.block_solgan .solgan-flex {
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
}

.block_solgan .solgan-flex .solgan-flex-item {
    flex:1;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block_solgan .solgan-flex .solgan-flex-item .solgan-flex-item-title {
    margin-top: 40px;
    font-size: var(--product_font_size);
    text-align: center;
    color: var(--title_color);
}

.block_solgan .solgan-flex .solgan-flex-item .solgan-flex-item-des {
    margin-top: 20px;
    text-align: center;
    line-height: 20px;
    color: var(--detail_color);
}
@media screen and (max-width: 1200px) {
    .block_solgan .solgan-flex .solgan-flex-item{
      padding: 0;
    }
}
@media screen and (max-width: 767px) {
  .block_solgan .solgan-flex .solgan-flex-item{
    width:100%;
    margin-bottom: 30px;
    flex: auto;
  }
  .block_solgan .solgan-flex .solgan-flex-item .solgan-flex-item-title{
    margin-top: 20px;
  }
}
{% endstylesheet %}
<div class="block_solgan container_wrapper" >
  {% if section.settings.title != '' or section.settings.detail != '' %}
  <div class="block_title">
      {% if section.settings.title != '' %}<h2>{{ section.settings.title }}</h2>{% endif %}
      {% if section.settings.detail != '' %}<div class="block_detail">{{ section.settings.detail }}</div>{% endif %}
  </div>
  {% endif %}
  <div class="solgan-flex">
    {% for block in section.blocks %}
    <div class="solgan-flex-item">
      {% if block.image.src %}
      <img data-src="{{ block.image.src }}" src="{{ 'empty.png' | public_asset_abs_url }}" alt="{{ block.image.alt}}"  style="width:auto;height:48px" />
      {% else %}
      {% include icon_slogan slogan: block.icon %}
      {% endif %}
      <div class="solgan-flex-item-title">{{ block.title }}</div>
      <div class="solgan-flex-item-des">
        <object>{{ block.content }}</object>
      </div>
    </div>
    {% endfor %}
  
  </div>
</div>
{% schema %}

{
  "tag": "",
  "class": "block_slogan",
  "is_global": false,
  "name": {
    "zh_CN": "slogan"
  },
  "max_blocks": "5",
  "settings": [
    {
      "type": "card_header",
      "label": {
        "zh_CN": "slogan"
      }
    },
    {
      "type": "card_input",
      "label": {
        "zh_CN": "标题"
      },
      "id": "title",
      "default": "Why Choose Us"
    },
    {
      "type": "card_text_editor",
      "label": {
        "zh_CN": "简短描述"
      },
      "id": "detail",
      "default": "You are welcome to visit our store, the following are the coupons that can be used to purchase product in our store, you can receive and use it"
    },
    {
      "type": "card_header",
      "label": {
        "zh_CN": "内容"
      }
    }
  ],
  "blocks": [
    {
      "name": {
        "zh_CN": "slogan"
      },
      "type": "slogan-item",
      "settings": [
        {
          "type": "card_select",
          "label": {
            "zh_CN": "选择图片"
          },
          "id": "icon",
          "option": [
            {
              "label": {
                "zh_CN": "物流"
              },
              "value": "oemsaas-wuliu",
              "icon":"shopyyicon-wuliu"
            },
            {
              "label": {
                "zh_CN": "货币"
              },
              "value": "oemsaas-huobi",
              "icon":"shopyyicon-huobi"
            },
            {
              "label": {
                "zh_CN": "认证"
              },
              "value": "oemsaas-renzheng",
              "icon":"shopyyicon-renzheng"
            },
            {
              "label": {
                "zh_CN": "全球交付"
              },
              "value": "oemsaas-quanqiujiaofu",
              "icon":"shopyyicon-quanqiujiaofu"
            },
            {
              "label": {
                "zh_CN": "买家保护"
              },
              "value": "oemsaas-maijiabaohu",
              "icon":"shopyyicon-maijiabaohu"
            },
            {
              "label": {
                "zh_CN": "手机"
              },
              "value": "oemsaas-iphone",
              "icon":"shopyyicon-shouji"
            },
            {
              "label": {
                "zh_CN": "聊天"
              },
              "value": "oemsaas-liaotian",
              "icon":"shopyyicon-liaotian"
            },
            {
              "label": {
                "zh_CN": "信用卡"
              },
              "value": "oemsaas-xinyongka",
              "icon":"shopyyicon-xinyongka"
            },
            {
              "label": {
                "zh_CN": "邮箱"
              },
              "value": "oemsaas-youxiang",
              "icon":"shopyyicon-youxiang"
            },
            {
              "label": {
                "zh_CN": "定位"
              },
              "value": "oemsaas-dingwei",
              "icon":"shopyyicon-dingwei"
            },
            {
              "label": {
                "zh_CN": "问题"
              },
              "value": "oemsaas-wenti",
              "icon":"shopyyicon-wenti"
            },
            {
              "label": {
                "zh_CN": "笑脸"
              },
              "value": "oemsaas-xiaolian",
              "icon":"shopyyicon-xiaolian"
            },
            {
              "label": {
                "zh_CN": "店铺/房子"
              },
              "value": "oemsaas-dianpufangzi",
              "icon":"shopyyicon-a-dianpufangzi"
            },
            {
              "label": {
                "zh_CN": "礼物"
              },
              "value": "oemsaas-liwu",
              "icon":"shopyyicon-liwu"
            },
            {
              "label": {
                "zh_CN": "爱心"
              },
              "value": "oemsaas-aixin",
              "icon":"shopyyicon-aixin"
            },
            {
              "label": {
                "zh_CN": "折扣"
              },
              "value": "oemsaas-zhekou",
              "icon":"shopyyicon-zhekou"
            },
            {
              "label": {
                "zh_CN": "安全锁"
              },
              "value": "oemsaas-anquansuo",
              "icon":"shopyyicon-anquansuo"
            },
            {
              "label": {
                "zh_CN": "转换"
              },
              "value": "oemsaas-zhuanhuan",
              "icon":"shopyyicon-zhuanhuan"
            },
            {
              "label": {
                "zh_CN": "购物车"
              },
              "value": "oemsaas-gouwuche",
              "icon":"shopyyicon-gouwuche"
            },
            {
              "label": {
                "zh_CN": "24h"
              },
              "value": "oemsaas-a-24h",
              "icon":"shopyyicon-a-24h"
            },
            {
              "label": {
                "zh_CN": "商品"
              },
              "value": "oemsaas-shangpin",
              "icon":"shopyyicon-shangpin"
            },
            {
              "label": {
                "zh_CN": "优惠券"
              },
              "value": "oemsaas-youhuiquan",
              "icon":"shopyyicon-youhuiquan"
            },
            {
              "label": {
                "zh_CN": "客户群"
              },
              "value": "oemsaas-kehuqun",
              "icon":"shopyyicon-kehuqun"
            },
            {
              "label": {
                "zh_CN": "编辑"
              },
              "value": "oemsaas-bainji",
              "icon":"shopyyicon-bianji"
            },
            {
              "label": {
                "zh_CN": "会员"
              },
              "value": "oemsaas-huiyuan",
              "icon":"shopyyicon-huiyuan"
            },
            {
              "label": {
                "zh_CN": "航运"
              },
              "value": "oemsaas-hangyun",
              "icon":"shopyyicon-hangyun"
            },
            {
              "label": {
                "zh_CN": "建筑"
              },
              "value": "oemsaas-jianzhu",
              "icon":"shopyyicon-jianzhu"
            },
            {
              "label": {
                "zh_CN": "赞美"
              },
              "value": "oemsaas-zanmei",
              "icon":"shopyyicon-zanmei"
            },
            {
              "label": {
                "zh_CN": "视频"
              },
              "value": "oemsaas-shipin",
              "icon":"shopyyicon-shipin"
            },
            {
              "label": {
                "zh_CN": "个性定制"
              },
              "value": "oemsaas-gexingdingzhi",
              "icon":"shopyyicon-gexingdingzhi"
            },
            {
              "label": {
                "zh_CN": "增长"
              },
              "value": "oemsaas-zengzhang",
              "icon":"shopyyicon-zengzhang"
            },
            {
              "label": {
                "zh_CN": "资料"
              },
              "value": "oemsaas-ziliao",
              "icon":"shopyyicon-ziliao"
            },
            {
              "label": {
                "zh_CN": "学生"
              },
              "value": "oemsaas-xuesheng",
              "icon":"shopyyicon-xuesheng"
            },
            {
              "label": {
                "zh_CN": "办公"
              },
              "value": "oemsaas-bangong",
              "icon":"shopyyicon-bangong"
            },
            {
              "label": {
                "zh_CN": "模块"
              },
              "value": "oemsaas-mokuai",
              "icon":"shopyyicon-mokuai"
            },
            {
              "label": {
                "zh_CN": "文件包"
              },
              "value": "oemsaas-wenjianbao",
              "icon":"shopyyicon-wenjianbao"
            },
            {
              "label": {
                "zh_CN": "文件"
              },
              "value": "oemsaas-wenjian",
              "icon":"shopyyicon-wenjian"
            },
            {
              "label": {
                "zh_CN": "条约"
              },
              "value": "oemsaas-tiaoyue",
              "icon":"shopyyicon-tiaoyue"
            },
            {
              "label": {
                "zh_CN": "商务"
              },
              "value": "oemsaas-shangwu",
              "icon":"shopyyicon-shangwu"
            },
            {
              "label": {
                "zh_CN": "分享"
              },
              "value": "oemsaas-a-fenxiangfabu",
              "icon":"shopyyicon-a-fenxiangfabu"
            }
            
            
          ],
          "default": "shopyyicon-wuliu"
        },
        {
          "type": "card_image",
          "label": {
            "zh_CN": "选择图片"
          },
          "info":{
            "zh_CN":"尺寸建议48*48px"
          },
          "id": "image",
          "default": ""
        },
        {
          "type": "card_input",
          "label": {
            "zh_CN": "标题"
          },
          "id": "title",
          "default": "Worldwide Delivery"
        },
        {
          "type": "card_text_editor",
          "label": {
            "zh_CN": "内容"
          },
          "id": "content",
          "default": "Fast Shipping to over 200+ countries, Package Location Tracking Online."
        }
      ]
    }
  ],
  "default": {
    "settings": {
      "title": "Why Choose Us",
      "describe": "You are welcome to visit our store, the following are the coupons that can be used to purchase product in our store, you can receive and use it"
    },
    "blocks": [
      {
        "icon": "oemsaas-wuliu",
        "image": {
          "src":"",
          "alt":""
        },
        "title": "Worldwide Delivery",
        "content": "Fast Shipping to over 200+ countries, Package Location Tracking Online.",
        "block_type": "slogan-item"
      },
       {
        "icon": "oemsaas-xinyongka",
        "image": {
          "src":"",
          "alt":""
        },
        "title": "Safe Payment",
        "content": "Secure Payment VIA Paypal, Don't keep any cards information.",
        "block_type": "slogan-item"
      },
       {
        "icon": "oemsaas-renzheng",
        "image": {
          "src":"",
          "alt":""
        },
        "title": "Buyer Protection",
        "content": "7-day Satisfaction Guarantee, Full Refund if dont receive orders.",
        "block_type": "slogan-item"
      }
    ]
  }
}
{% endschema %}